<template>
  <div>
    <div class="header">
      <nav-bar></nav-bar>
    </div>
    <div class="bottom"></div>
    <router-view></router-view>
  </div>
</template>

<script>
import NavBar from "./Navbar";
export default {
  name: "Nav",
  components: {
    NavBar,
  },
};
</script>

<style scoped>
.header {
  height: 60px;
  background: #002375;
}
.bottom {
  background: linear-gradient(
    98deg,
    #002375 0%,
    rgba(0, 35, 117, 0.92) 5%,
    #002375 25%,
    rgba(0, 35, 117, 0.88) 49%,
    #002375 82%,
    rgba(0, 35, 117, 0.89) 100%
  );
}
</style>